﻿<!DOCTYPE html>
<html>
  <head>
    <title>首页动态图</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/首页动态图/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/首页动态图/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (图片) -->
      <div id="u3042" class="ax_default _图片1">
        <img id="u3042_img" class="img " src="images/菜本文档/u12.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3043" class="ax_default box_2">
        <div id="u3043_div" class=""></div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u3044" class="ax_default" data-left="162" data-top="824" data-width="375" data-height="49">

        <!-- Unnamed (矩形) -->
        <div id="u3045" class="ax_default box_21">
          <div id="u3045_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u3046" class="ax_default" data-left="162" data-top="205" data-width="375" data-height="27">

        <!-- Unnamed (矩形) -->
        <div id="u3047" class="ax_default shape">
          <div id="u3047_div" class=""></div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u3048" class="ax_default image">
          <img id="u3048_img" class="img " src="images/菜本文档/u18.png"/>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u3049" class="ax_default" data-left="199" data-top="831" data-width="301" data-height="40">

        <!-- Unnamed (形状) -->
        <div id="u3050" class="ax_default _形状">
          <img id="u3050_img" class="img " src="images/菜本文档/u20.png"/>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u3051" class="ax_default" data-left="388" data-top="831" data-width="29" data-height="25">

          <!-- cb6533e3 bbe4 4119 9e1d be44cea20c8a (组 合) -->
          <div id="u3052" class="ax_default" data-label="cb6533e3 bbe4 4119 9e1d be44cea20c8a" data-left="388" data-top="831" data-width="29" data-height="25">

            <!-- Unnamed (形状) -->
            <div id="u3053" class="ax_default _形状">
              <img id="u3053_img" class="img " src="images/菜本文档/u23.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u3054" class="ax_default _形状">
              <img id="u3054_img" class="img " src="images/菜本文档/u24.png"/>
            </div>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u3055" class="ax_default" data-left="465" data-top="831" data-width="31" data-height="33">

          <!-- Unnamed (组 合) -->
          <div id="u3056" class="ax_default" data-left="465" data-top="831" data-width="31" data-height="33">

            <!-- Unnamed (形状) -->
            <div id="u3057" class="ax_default _形状">
              <img id="u3057_img" class="img " src="images/菜本文档/u27.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u3058" class="ax_default _形状">
              <img id="u3058_img" class="img " src="images/菜本文档/u28.png"/>
            </div>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u3059" class="ax_default" data-left="285" data-top="831" data-width="25" data-height="40">

          <!-- Unnamed (矩形) -->
          <div id="u3060" class="ax_default label">
            <div id="u3060_div" class=""></div>
            <div id="u3060_text" class="text ">
              <p><span>发现</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u3061" class="ax_default _形状">
            <img id="u3061_img" class="img " src="images/菜本文档/u31.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u3062" class="ax_default _形状">
            <img id="u3062_img" class="img " src="images/菜本文档/u32.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3063" class="ax_default label">
          <div id="u3063_div" class=""></div>
          <div id="u3063_text" class="text ">
            <p><span>首页</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3064" class="ax_default label">
          <div id="u3064_div" class=""></div>
          <div id="u3064_text" class="text ">
            <p><span>商城</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u3065" class="ax_default label">
          <div id="u3065_div" class=""></div>
          <div id="u3065_text" class="text ">
            <p><span>我的</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u3066" class="ax_default box_1">
        <img id="u3066_img" class="img " src="images/菜本文档/u36.png"/>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u3067" class="ax_default">
        <div id="u3067_state0" class="panel_state" data-label="State1" style="">
          <div id="u3067_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u3068" class="ax_default box_1">
              <img id="u3068_img" class="img " src="images/首页动态图/u3068.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3069" class="ax_default _二级标题">
              <div id="u3069_div" class=""></div>
              <div id="u3069_text" class="text ">
                <p><span>Today</span></p>
              </div>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u3070" class="ax_default" data-left="41" data-top="428" data-width="132" data-height="119">

              <!-- Unnamed (矩形) -->
              <div id="u3071" class="ax_default box_1">
                <div id="u3071_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3072" class="ax_default label">
                <div id="u3072_div" class=""></div>
                <div id="u3072_text" class="text ">
                  <p><span>创建菜谱</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u3073" class="ax_default icon">
                <img id="u3073_img" class="img " src="images/菜本文档/u41.png"/>
              </div>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u3074" class="ax_default" data-left="199" data-top="428" data-width="132" data-height="119">

              <!-- Unnamed (矩形) -->
              <div id="u3075" class="ax_default box_1">
                <div id="u3075_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3076" class="ax_default label">
                <div id="u3076_div" class=""></div>
                <div id="u3076_text" class="text ">
                  <p><span>我的菜谱</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u3077" class="ax_default icon">
                <img id="u3077_img" class="img " src="images/菜本文档/u45.png"/>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3078" class="ax_default _二级标题">
              <div id="u3078_div" class=""></div>
              <div id="u3078_text" class="text ">
                <p><span>30/5</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3079" class="ax_default _二级标题">
              <div id="u3079_div" class=""></div>
              <div id="u3079_text" class="text ">
                <p><span>周三</span></p>
              </div>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u3080" class="ax_default" data-left="14" data-top="104" data-width="349" data-height="275">

              <!-- Unnamed (图片) -->
              <div id="u3081" class="ax_default image1">
                <img id="u3081_img" class="img " src="images/首页动态图/u3081.png"/>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u3082" class="ax_default _图片">
                <img id="u3082_img" class="img " src="images/首页动态图/u3082.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3083" class="ax_default label">
                <div id="u3083_div" class=""></div>
                <div id="u3083_text" class="text ">
                  <p><span>对准食材扫一扫进行菜谱推荐</span></p>
                </div>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u3084" class="ax_default _图片">
                <img id="u3084_img" class="img " src="images/首页动态图/u3084.png"/>
              </div>
            </div>
          </div>
        </div>
        <div id="u3067_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u3067_state1_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u3085" class="ax_default box_2">
              <div id="u3085_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3086" class="ax_default box_3">
              <div id="u3086_div" class=""></div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3087" class="ax_default line">
              <img id="u3087_img" class="img " src="images/菜本文档/u58.png"/>
            </div>

            <!-- Unnamed (垂直线) -->
            <div id="u3088" class="ax_default line">
              <img id="u3088_img" class="img " src="images/菜本文档/u59.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3089" class="ax_default line">
              <img id="u3089_img" class="img " src="images/菜本文档/u58.png"/>
            </div>

            <!-- Unnamed (垂直线) -->
            <div id="u3090" class="ax_default line">
              <img id="u3090_img" class="img " src="images/菜本文档/u59.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3091" class="ax_default line">
              <img id="u3091_img" class="img " src="images/菜本文档/u58.png"/>
            </div>

            <!-- Unnamed (垂直线) -->
            <div id="u3092" class="ax_default line">
              <img id="u3092_img" class="img " src="images/菜本文档/u59.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3093" class="ax_default line">
              <img id="u3093_img" class="img " src="images/菜本文档/u58.png"/>
            </div>

            <!-- Unnamed (垂直线) -->
            <div id="u3094" class="ax_default line">
              <img id="u3094_img" class="img " src="images/菜本文档/u59.png"/>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u3095" class="ax_default ellipse">
              <img id="u3095_img" class="img " src="images/菜本文档/u66.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u3096" class="ax_default icon">
              <img id="u3096_img" class="img " src="images/菜本文档/u50.png"/>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u3097" class="ax_default" data-left="0" data-top="593" data-width="375" data-height="49">

              <!-- Unnamed (矩形) -->
              <div id="u3098" class="ax_default box_21">
                <div id="u3098_div" class=""></div>
                <div id="u3098_text" class="text ">
                  <p><span>生成</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3099" class="ax_default image1">
              <img id="u3099_img" class="img " src="images/菜本文档/u70.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3100" class="ax_default image1">
              <img id="u3100_img" class="img " src="images/菜本文档/u71.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3101" class="ax_default label">
              <div id="u3101_div" class=""></div>
              <div id="u3101_text" class="text ">
                <p><span>排骨</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3102" class="ax_default label">
              <div id="u3102_div" class=""></div>
              <div id="u3102_text" class="text ">
                <p><span>生菜</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u3103" class="ax_default icon">
              <img id="u3103_img" class="img " src="images/菜本文档/u74.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u3104" class="ax_default icon">
              <img id="u3104_img" class="img " src="images/菜本文档/u74.png"/>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u3105" class="ax_default" data-left="165" data-top="489" data-width="65" data-height="68">

              <!-- Unnamed (椭圆形) -->
              <div id="u3106" class="ax_default ellipse">
                <img id="u3106_img" class="img " src="images/菜本文档/u76.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u3107" class="ax_default icon">
                <img id="u3107_img" class="img " src="images/菜本文档/u77.png"/>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u3108" class="ax_default icon">
              <img id="u3108_img" class="img " src="images/菜本文档/u78.png"/>
            </div>
          </div>
        </div>
        <div id="u3067_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
          <div id="u3067_state2_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u3109" class="ax_default box_2">
              <div id="u3109_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3110" class="ax_default box_21">
              <div id="u3110_div" class=""></div>
              <div id="u3110_text" class="text ">
                <p><span>菜谱推荐</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u3111" class="ax_default icon">
              <img id="u3111_img" class="img " src="images/菜本文档/u78.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3112" class="ax_default _一级标题">
              <div id="u3112_div" class=""></div>
              <div id="u3112_text" class="text ">
                <p><span>最佳食谱推荐</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3113" class="ax_default line">
              <img id="u3113_img" class="img " src="images/菜本文档/u118.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3114" class="ax_default _一级标题">
              <div id="u3114_div" class=""></div>
              <div id="u3114_text" class="text ">
                <p><span>其他推荐</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3115" class="ax_default line">
              <img id="u3115_img" class="img " src="images/菜本文档/u120.png"/>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u3116" class="ax_default" data-left="14" data-top="44" data-width="347" data-height="261">

              <!-- Unnamed (图片) -->
              <div id="u3117" class="ax_default image1">
                <img id="u3117_img" class="img " src="images/菜本文档/u121.jpg"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3118" class="ax_default label">
                <div id="u3118_div" class=""></div>
                <div id="u3118_text" class="text ">
                  <p><span>糖醋排骨</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3119" class="ax_default image1">
              <img id="u3119_img" class="img " src="images/菜本文档/u123.png"/>
            </div>

            <!-- tudoupaigu (矩形) -->
            <div id="u3120" class="ax_default label" data-label="tudoupaigu">
              <div id="u3120_div" class=""></div>
              <div id="u3120_text" class="text ">
                <p><span>虾仁排骨饭</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3121" class="ax_default image1">
              <img id="u3121_img" class="img " src="images/菜本文档/u125.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3122" class="ax_default label">
              <div id="u3122_div" class=""></div>
              <div id="u3122_text" class="text ">
                <p><span>香芋排骨</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u3067_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
          <div id="u3067_state3_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u3123" class="ax_default box_2">
              <div id="u3123_div" class=""></div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3124" class="ax_default image1">
              <img id="u3124_img" class="img " src="images/菜本文档/u133.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u3125" class="ax_default icon">
              <img id="u3125_img" class="img " src="images/菜本文档/u134.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u3126" class="ax_default icon">
              <img id="u3126_img" class="img " src="images/菜本文档/u135.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3127" class="ax_default label">
              <div id="u3127_div" class=""></div>
              <div id="u3127_text" class="text ">
                <p><span>用料</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3128" class="ax_default label">
              <div id="u3128_div" class=""></div>
              <div id="u3128_text" class="text ">
                <p><span>加入购物车</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3129" class="ax_default line">
              <img id="u3129_img" class="img " src="images/菜本文档/u139.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3130" class="ax_default label">
              <div id="u3130_div" class=""></div>
              <div id="u3130_text" class="text ">
                <p><span>排骨</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3131" class="ax_default label">
              <div id="u3131_div" class=""></div>
              <div id="u3131_text" class="text ">
                <p><span>750g</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3132" class="ax_default line">
              <img id="u3132_img" class="img " src="images/菜本文档/u139.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3133" class="ax_default line">
              <img id="u3133_img" class="img " src="images/菜本文档/u139.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3134" class="ax_default label">
              <div id="u3134_div" class=""></div>
              <div id="u3134_text" class="text ">
                <p><span>冰糖</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3135" class="ax_default label">
              <div id="u3135_div" class=""></div>
              <div id="u3135_text" class="text ">
                <p><span>60g</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3136" class="ax_default line">
              <img id="u3136_img" class="img " src="images/菜本文档/u139.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3137" class="ax_default line">
              <img id="u3137_img" class="img " src="images/菜本文档/u139.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3138" class="ax_default label">
              <div id="u3138_div" class=""></div>
              <div id="u3138_text" class="text ">
                <p><span>姜</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3139" class="ax_default label">
              <div id="u3139_div" class=""></div>
              <div id="u3139_text" class="text ">
                <p><span>生抽</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3140" class="ax_default label">
              <div id="u3140_div" class=""></div>
              <div id="u3140_text" class="text ">
                <p><span>10片</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3141" class="ax_default label">
              <div id="u3141_div" class=""></div>
              <div id="u3141_text" class="text ">
                <p><span>50ml</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3142" class="ax_default line">
              <img id="u3142_img" class="img " src="images/菜本文档/u139.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3143" class="ax_default line">
              <img id="u3143_img" class="img " src="images/菜本文档/u139.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3144" class="ax_default line">
              <img id="u3144_img" class="img " src="images/菜本文档/u139.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3145" class="ax_default label">
              <div id="u3145_div" class=""></div>
              <div id="u3145_text" class="text ">
                <p><span>料酒</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3146" class="ax_default label">
              <div id="u3146_div" class=""></div>
              <div id="u3146_text" class="text ">
                <p><span>50ml</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3147" class="ax_default label">
              <div id="u3147_div" class=""></div>
              <div id="u3147_text" class="text ">
                <p><span>白米醋</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3148" class="ax_default label">
              <div id="u3148_div" class=""></div>
              <div id="u3148_text" class="text ">
                <p><span>50ml</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3149" class="ax_default label">
              <div id="u3149_div" class=""></div>
              <div id="u3149_text" class="text ">
                <p><span>生菜</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3150" class="ax_default label">
              <div id="u3150_div" class=""></div>
              <div id="u3150_text" class="text ">
                <p><span>2-3片</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3151" class="ax_default label">
              <div id="u3151_div" class=""></div>
              <div id="u3151_text" class="text ">
                <p><span>步骤一</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3152" class="ax_default image1">
              <img id="u3152_img" class="img " src="images/菜本文档/u162.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3153" class="ax_default label">
              <div id="u3153_div" class=""></div>
              <div id="u3153_text" class="text ">
                <p><span>所有材料洗净待用，排骨买的时候让师傅剁成小指头长短，要挑有肥肉的那种买，全是瘦肉的话，煮出来会口感发硬。</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3154" class="ax_default label">
              <div id="u3154_div" class=""></div>
              <div id="u3154_text" class="text ">
                <p><span>步骤二</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3155" class="ax_default image1">
              <img id="u3155_img" class="img " src="images/菜本文档/u165.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3156" class="ax_default label">
              <div id="u3156_div" class=""></div>
              <div id="u3156_text" class="text ">
                <p><span>锅内烧开水倒入菜谱中三分之一的料酒下去，再把排骨倒进去焯两分钟。</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3157" class="ax_default label">
              <div id="u3157_div" class=""></div>
              <div id="u3157_text" class="text ">
                <p><span>步骤三</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3158" class="ax_default image1">
              <img id="u3158_img" class="img " src="images/菜本文档/u168.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3159" class="ax_default label">
              <div id="u3159_div" class=""></div>
              <div id="u3159_text" class="text ">
                <p><span>活水冲洗两遍</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3160" class="ax_default label">
              <div id="u3160_div" class=""></div>
              <div id="u3160_text" class="text ">
                <p><span>步骤四</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3161" class="ax_default image1">
              <img id="u3161_img" class="img " src="images/菜本文档/u171.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3162" class="ax_default label">
              <div id="u3162_div" class=""></div>
              <div id="u3162_text" class="text ">
                <p><span>锅内放一丁点油，将排骨倒入。</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3163" class="ax_default label">
              <div id="u3163_div" class=""></div>
              <div id="u3163_text" class="text ">
                <p><span>步骤五</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3164" class="ax_default image1">
              <img id="u3164_img" class="img " src="images/菜本文档/u174.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3165" class="ax_default label">
              <div id="u3165_div" class=""></div>
              <div id="u3165_text" class="text ">
                <p><span>中火煎3分钟，另外一面也煎3分钟。</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3166" class="ax_default label">
              <div id="u3166_div" class=""></div>
              <div id="u3166_text" class="text ">
                <p><span>步骤六</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3167" class="ax_default image1">
              <img id="u3167_img" class="img " src="images/菜本文档/u177.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3168" class="ax_default label">
              <div id="u3168_div" class=""></div>
              <div id="u3168_text" class="text ">
                <p><span>沿锅边倒入剩下的料酒。</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3169" class="ax_default label">
              <div id="u3169_div" class=""></div>
              <div id="u3169_text" class="text ">
                <p><span>步骤七</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3170" class="ax_default image1">
              <img id="u3170_img" class="img " src="images/菜本文档/u180.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3171" class="ax_default label">
              <div id="u3171_div" class=""></div>
              <div id="u3171_text" class="text ">
                <p><span>倒入切片的姜、冰糖、一半的白醋，加入冷水，大火煮开。</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3172" class="ax_default label">
              <div id="u3172_div" class=""></div>
              <div id="u3172_text" class="text ">
                <p><span>步骤八</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3173" class="ax_default image1">
              <img id="u3173_img" class="img " src="images/菜本文档/u183.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3174" class="ax_default label">
              <div id="u3174_div" class=""></div>
              <div id="u3174_text" class="text ">
                <p><span>倒入美味鲜，把剩下的白醋再倒进去一半，然后转小火煮一个半小时。</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3175" class="ax_default label">
              <div id="u3175_div" class=""></div>
              <div id="u3175_text" class="text ">
                <p><span>步骤九</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3176" class="ax_default image1">
              <img id="u3176_img" class="img " src="images/菜本文档/u186.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3177" class="ax_default label">
              <div id="u3177_div" class=""></div>
              <div id="u3177_text" class="text ">
                <p><span>生菜洗净过凉白开，摆盘备用。</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3178" class="ax_default label">
              <div id="u3178_div" class=""></div>
              <div id="u3178_text" class="text ">
                <p><span>步骤十</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3179" class="ax_default image1">
              <img id="u3179_img" class="img " src="images/菜本文档/u189.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3180" class="ax_default label">
              <div id="u3180_div" class=""></div>
              <div id="u3180_text" class="text ">
                <p><span>将排骨放置盘中，美味的糖醋排骨就完成了。</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3181" class="ax_default box_3">
              <div id="u3181_div" class=""></div>
              <div id="u3181_text" class="text ">
                <p><span>你是否也制作成功了呢？</span></p><p><span>点击上传你的作品分享给大家看看吧</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3182" class="ax_default label">
              <div id="u3182_div" class=""></div>
              <div id="u3182_text" class="text ">
                <p><span>说说你做这菜谱的心得吧</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3183" class="ax_default box_1">
              <div id="u3183_div" class=""></div>
              <div id="u3183_text" class="text ">
                <p><span>发布心得</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3184" class="ax_default label">
              <div id="u3184_div" class=""></div>
              <div id="u3184_text" class="text ">
                <p><span>糖醋排骨</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u3067_state4" class="panel_state" data-label="文字添加" style="visibility: hidden;">
          <div id="u3067_state4_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u3185" class="ax_default box_2">
              <div id="u3185_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3186" class="ax_default box_3">
              <div id="u3186_div" class=""></div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3187" class="ax_default line">
              <img id="u3187_img" class="img " src="images/菜本文档/u58.png"/>
            </div>

            <!-- Unnamed (垂直线) -->
            <div id="u3188" class="ax_default line">
              <img id="u3188_img" class="img " src="images/菜本文档/u59.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3189" class="ax_default line">
              <img id="u3189_img" class="img " src="images/菜本文档/u58.png"/>
            </div>

            <!-- Unnamed (垂直线) -->
            <div id="u3190" class="ax_default line">
              <img id="u3190_img" class="img " src="images/菜本文档/u59.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3191" class="ax_default line">
              <img id="u3191_img" class="img " src="images/菜本文档/u58.png"/>
            </div>

            <!-- Unnamed (垂直线) -->
            <div id="u3192" class="ax_default line">
              <img id="u3192_img" class="img " src="images/菜本文档/u59.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3193" class="ax_default line">
              <img id="u3193_img" class="img " src="images/菜本文档/u58.png"/>
            </div>

            <!-- Unnamed (垂直线) -->
            <div id="u3194" class="ax_default line">
              <img id="u3194_img" class="img " src="images/菜本文档/u59.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3195" class="ax_default image">
              <img id="u3195_img" class="img " src="images/菜本文档/u105.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3196" class="ax_default box_11">
              <div id="u3196_div" class=""></div>
            </div>

            <!-- Unnamed (文本框) -->
            <div id="u3197" class="ax_default text_field">
              <input id="u3197_input" type="text" value=""/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3198" class="ax_default box_3">
              <div id="u3198_div" class=""></div>
              <div id="u3198_text" class="text ">
                <p><span>完成</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u3199" class="ax_default icon">
              <img id="u3199_img" class="img " src="images/首页动态图/u3199.png"/>
            </div>
          </div>
        </div>
        <div id="u3067_state5" class="panel_state" data-label="添加完成后" style="visibility: hidden;">
          <div id="u3067_state5_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u3200" class="ax_default box_2">
              <div id="u3200_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3201" class="ax_default box_3">
              <div id="u3201_div" class=""></div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3202" class="ax_default line">
              <img id="u3202_img" class="img " src="images/菜本文档/u58.png"/>
            </div>

            <!-- Unnamed (垂直线) -->
            <div id="u3203" class="ax_default line">
              <img id="u3203_img" class="img " src="images/菜本文档/u59.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3204" class="ax_default line">
              <img id="u3204_img" class="img " src="images/菜本文档/u58.png"/>
            </div>

            <!-- Unnamed (垂直线) -->
            <div id="u3205" class="ax_default line">
              <img id="u3205_img" class="img " src="images/菜本文档/u59.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3206" class="ax_default line">
              <img id="u3206_img" class="img " src="images/菜本文档/u58.png"/>
            </div>

            <!-- Unnamed (垂直线) -->
            <div id="u3207" class="ax_default line">
              <img id="u3207_img" class="img " src="images/菜本文档/u59.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3208" class="ax_default line">
              <img id="u3208_img" class="img " src="images/菜本文档/u58.png"/>
            </div>

            <!-- Unnamed (垂直线) -->
            <div id="u3209" class="ax_default line">
              <img id="u3209_img" class="img " src="images/菜本文档/u59.png"/>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u3210" class="ax_default ellipse">
              <img id="u3210_img" class="img " src="images/菜本文档/u66.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u3211" class="ax_default icon">
              <img id="u3211_img" class="img " src="images/菜本文档/u50.png"/>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u3212" class="ax_default" data-left="0" data-top="594" data-width="375" data-height="49">

              <!-- Unnamed (矩形) -->
              <div id="u3213" class="ax_default box_21">
                <img id="u3213_img" class="img " src="images/首页动态图/u3213.png"/>
                <div id="u3213_text" class="text ">
                  <p><span>生成</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3214" class="ax_default image1">
              <img id="u3214_img" class="img " src="images/菜本文档/u70.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3215" class="ax_default image1">
              <img id="u3215_img" class="img " src="images/菜本文档/u71.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3216" class="ax_default label">
              <div id="u3216_div" class=""></div>
              <div id="u3216_text" class="text ">
                <p><span>排骨</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3217" class="ax_default label">
              <div id="u3217_div" class=""></div>
              <div id="u3217_text" class="text ">
                <p><span>生菜</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u3218" class="ax_default icon">
              <img id="u3218_img" class="img " src="images/菜本文档/u74.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u3219" class="ax_default icon">
              <img id="u3219_img" class="img " src="images/菜本文档/u74.png"/>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u3220" class="ax_default" data-left="242" data-top="490" data-width="65" data-height="68">

              <!-- Unnamed (椭圆形) -->
              <div id="u3221" class="ax_default ellipse">
                <img id="u3221_img" class="img " src="images/菜本文档/u76.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u3222" class="ax_default icon">
                <img id="u3222_img" class="img " src="images/菜本文档/u77.png"/>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3223" class="ax_default image1">
              <img id="u3223_img" class="img " src="images/首页动态图/u3223.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u3224" class="ax_default icon">
              <img id="u3224_img" class="img " src="images/菜本文档/u74.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3225" class="ax_default label">
              <div id="u3225_div" class=""></div>
              <div id="u3225_text" class="text ">
                <p><span>熟鸡蛋</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u3226" class="ax_default icon">
              <img id="u3226_img" class="img " src="images/菜本文档/u78.png"/>
            </div>
          </div>
        </div>
        <div id="u3067_state6" class="panel_state" data-label="创建菜谱" style="visibility: hidden;">
          <div id="u3067_state6_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u3227" class="ax_default box_1">
              <img id="u3227_img" class="img " src="images/首页动态图/u3227.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3228" class="ax_default line">
              <img id="u3228_img" class="img " src="images/菜本文档/u203.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3229" class="ax_default _二级标题">
              <div id="u3229_div" class=""></div>
              <div id="u3229_text" class="text ">
                <p><span>写下你的菜谱名字吧</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3230" class="ax_default label">
              <div id="u3230_div" class=""></div>
              <div id="u3230_text" class="text ">
                <p><span>用料：</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3231" class="ax_default label">
              <div id="u3231_div" class=""></div>
              <div id="u3231_text" class="text ">
                <p><span>输入做这道菜的感想</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3232" class="ax_default line">
              <img id="u3232_img" class="img " src="images/菜本文档/u203.png"/>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u3233" class="ax_default" data-left="14" data-top="455" data-width="345" data-height="27">

              <!-- Unnamed (水平线) -->
              <div id="u3234" class="ax_default line">
                <img id="u3234_img" class="img " src="images/菜本文档/u203.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3235" class="ax_default label">
                <div id="u3235_div" class=""></div>
                <div id="u3235_text" class="text ">
                  <p><span>食材：如鸡蛋</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3236" class="ax_default label">
                <div id="u3236_div" class=""></div>
                <div id="u3236_text" class="text ">
                  <p><span>用量：如1只</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3237" class="ax_default label">
              <div id="u3237_div" class=""></div>
              <div id="u3237_text" class="text ">
                <p><span>再增加一行</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3238" class="ax_default label">
              <div id="u3238_div" class=""></div>
              <div id="u3238_text" class="text ">
                <p><span>调整用料</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3239" class="ax_default box_3">
              <div id="u3239_div" class=""></div>
              <div id="u3239_text" class="text ">
                <p><span>添加菜谱封面</span></p><p><span>（诱人的封面是吸引厨友的关键）</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3240" class="ax_default label">
              <div id="u3240_div" class=""></div>
              <div id="u3240_text" class="text ">
                <p><span>做法：</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3241" class="ax_default label">
              <div id="u3241_div" class=""></div>
              <div id="u3241_text" class="text ">
                <p><span>步骤1</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3242" class="ax_default box_3">
              <div id="u3242_div" class=""></div>
              <div id="u3242_text" class="text ">
                <p><span>添加步骤图</span></p><p><span>清晰的步骤图会让菜谱更受欢迎</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3243" class="ax_default label">
              <div id="u3243_div" class=""></div>
              <div id="u3243_text" class="text ">
                <p><span>添加步骤说明</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3244" class="ax_default label">
              <div id="u3244_div" class=""></div>
              <div id="u3244_text" class="text ">
                <p><span>步骤2</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3245" class="ax_default box_3">
              <div id="u3245_div" class=""></div>
              <div id="u3245_text" class="text ">
                <p><span>添加步骤图</span></p><p><span>清晰的步骤图会让菜谱更受欢迎</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3246" class="ax_default label">
              <div id="u3246_div" class=""></div>
              <div id="u3246_text" class="text ">
                <p><span>添加步骤说明</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3247" class="ax_default label">
              <div id="u3247_div" class=""></div>
              <div id="u3247_text" class="text ">
                <p><span>步骤3</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3248" class="ax_default box_3">
              <div id="u3248_div" class=""></div>
              <div id="u3248_text" class="text ">
                <p><span>添加步骤图</span></p><p><span>清晰的步骤图会让菜谱更受欢迎</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3249" class="ax_default label">
              <div id="u3249_div" class=""></div>
              <div id="u3249_text" class="text ">
                <p><span>添加步骤说明</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3250" class="ax_default label">
              <div id="u3250_div" class=""></div>
              <div id="u3250_text" class="text ">
                <p><span>再增加一步</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3251" class="ax_default box_1">
              <div id="u3251_div" class=""></div>
              <div id="u3251_text" class="text ">
                <p><span>发布这个菜谱</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u3252" class="ax_default icon">
              <img id="u3252_img" class="img " src="images/菜本文档/u226.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u3253" class="ax_default icon">
              <img id="u3253_img" class="img " src="images/菜本文档/u226.png"/>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u3254" class="ax_default" data-left="0" data-top="0" data-width="375" data-height="44">

              <!-- Unnamed (矩形) -->
              <div id="u3255" class="ax_default box_21">
                <div id="u3255_div" class=""></div>
                <div id="u3255_text" class="text ">
                  <p><span>创建菜谱</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3256" class="ax_default label">
                <div id="u3256_div" class=""></div>
                <div id="u3256_text" class="text ">
                  <p><span>存为草稿</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u3257" class="ax_default label">
                <div id="u3257_div" class=""></div>
                <div id="u3257_text" class="text ">
                  <p><span>取消</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u3067_state7" class="panel_state" data-label="我的菜谱" style="visibility: hidden;">
          <div id="u3067_state7_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u3258" class="ax_default box_1">
              <img id="u3258_img" class="img " src="images/菜本文档/u235.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3259" class="ax_default label">
              <div id="u3259_div" class=""></div>
              <div id="u3259_text" class="text ">
                <p><span>菜谱足迹</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3260" class="ax_default line">
              <img id="u3260_img" class="img " src="images/菜本文档/u237.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3261" class="ax_default label">
              <div id="u3261_div" class=""></div>
              <div id="u3261_text" class="text ">
                <p><span>日</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3262" class="ax_default label">
              <div id="u3262_div" class=""></div>
              <div id="u3262_text" class="text ">
                <p><span>一</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3263" class="ax_default label">
              <div id="u3263_div" class=""></div>
              <div id="u3263_text" class="text ">
                <p><span>二</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3264" class="ax_default label">
              <div id="u3264_div" class=""></div>
              <div id="u3264_text" class="text ">
                <p><span>三</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3265" class="ax_default label">
              <div id="u3265_div" class=""></div>
              <div id="u3265_text" class="text ">
                <p><span>四</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3266" class="ax_default label">
              <div id="u3266_div" class=""></div>
              <div id="u3266_text" class="text ">
                <p><span>五</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3267" class="ax_default label">
              <div id="u3267_div" class=""></div>
              <div id="u3267_text" class="text ">
                <p><span>六</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3268" class="ax_default label">
              <div id="u3268_div" class=""></div>
              <div id="u3268_text" class="text ">
                <p><span>26</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3269" class="ax_default label">
              <div id="u3269_div" class=""></div>
              <div id="u3269_text" class="text ">
                <p><span>27</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3270" class="ax_default label">
              <div id="u3270_div" class=""></div>
              <div id="u3270_text" class="text ">
                <p><span>29</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3271" class="ax_default label">
              <div id="u3271_div" class=""></div>
              <div id="u3271_text" class="text ">
                <p><span>30</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3272" class="ax_default label">
              <div id="u3272_div" class=""></div>
              <div id="u3272_text" class="text ">
                <p><span>31</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3273" class="ax_default label">
              <div id="u3273_div" class=""></div>
              <div id="u3273_text" class="text ">
                <p><span>1</span></p>
              </div>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u3274" class="ax_default ellipse">
              <img id="u3274_img" class="img " src="images/菜本文档/u251.png"/>
              <div id="u3274_text" class="text ">
                <p><span>今</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3275" class="ax_default label">
              <div id="u3275_div" class=""></div>
              <div id="u3275_text" class="text ">
                <p><span style="text-decoration:underline;">东坡肉</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3276" class="ax_default label">
              <div id="u3276_div" class=""></div>
              <div id="u3276_text" class="text ">
                <p><span style="text-decoration:underline;">水煮牛肉</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3277" class="ax_default label">
              <div id="u3277_div" class=""></div>
              <div id="u3277_text" class="text ">
                <p><span style="text-decoration:underline;">番茄炒蛋</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3278" class="ax_default label">
              <div id="u3278_div" class=""></div>
              <div id="u3278_text" class="text ">
                <p><span style="text-decoration:underline;">盐焗虾</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3279" class="ax_default line">
              <img id="u3279_img" class="img " src="images/菜本文档/u237.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3280" class="ax_default box_21">
              <div id="u3280_div" class=""></div>
              <div id="u3280_text" class="text ">
                <p><span>我的菜谱</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u3281" class="ax_default icon">
              <img id="u3281_img" class="img " src="images/菜本文档/u78.png"/>
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u3282" class="ax_default" data-left="14" data-top="200" data-width="347" data-height="50">

              <!-- Unnamed (矩形) -->
              <div id="u3283" class="ax_default label">
                <div id="u3283_div" class=""></div>
                <div id="u3283_text" class="text ">
                  <p><span style="text-decoration:underline;">糖醋排骨</span></p>
                </div>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u3284" class="ax_default image1">
                <img id="u3284_img" class="img " src="images/菜本文档/u260.jpg"/>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3285" class="ax_default line">
              <img id="u3285_img" class="img " src="images/菜本文档/u237.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3286" class="ax_default line">
              <img id="u3286_img" class="img " src="images/菜本文档/u237.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3287" class="ax_default line">
              <img id="u3287_img" class="img " src="images/菜本文档/u237.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3288" class="ax_default line">
              <img id="u3288_img" class="img " src="images/菜本文档/u237.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3289" class="ax_default image1">
              <img id="u3289_img" class="img " src="images/菜本文档/u265.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3290" class="ax_default image1">
              <img id="u3290_img" class="img " src="images/菜本文档/u266.jpg"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3291" class="ax_default image1">
              <img id="u3291_img" class="img " src="images/菜本文档/u267.jpg"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3292" class="ax_default image1">
              <img id="u3292_img" class="img " src="images/菜本文档/u268.jpg"/>
            </div>
          </div>
        </div>
        <div id="u3067_state8" class="panel_state" data-label="最后" style="visibility: hidden;">
          <div id="u3067_state8_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u3293" class="ax_default box_2">
              <div id="u3293_div" class=""></div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3294" class="ax_default image1">
              <img id="u3294_img" class="img " src="images/菜本文档/u133.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u3295" class="ax_default icon">
              <img id="u3295_img" class="img " src="images/菜本文档/u134.png"/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u3296" class="ax_default icon">
              <img id="u3296_img" class="img " src="images/菜本文档/u135.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3297" class="ax_default label">
              <div id="u3297_div" class=""></div>
              <div id="u3297_text" class="text ">
                <p><span>用料</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3298" class="ax_default label">
              <div id="u3298_div" class=""></div>
              <div id="u3298_text" class="text ">
                <p><span>加入购物车</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3299" class="ax_default line">
              <img id="u3299_img" class="img " src="images/菜本文档/u139.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3300" class="ax_default label">
              <div id="u3300_div" class=""></div>
              <div id="u3300_text" class="text ">
                <p><span>排骨</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3301" class="ax_default label">
              <div id="u3301_div" class=""></div>
              <div id="u3301_text" class="text ">
                <p><span>750g</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3302" class="ax_default line">
              <img id="u3302_img" class="img " src="images/菜本文档/u139.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3303" class="ax_default line">
              <img id="u3303_img" class="img " src="images/菜本文档/u139.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3304" class="ax_default label">
              <div id="u3304_div" class=""></div>
              <div id="u3304_text" class="text ">
                <p><span>冰糖</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3305" class="ax_default label">
              <div id="u3305_div" class=""></div>
              <div id="u3305_text" class="text ">
                <p><span>60g</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3306" class="ax_default line">
              <img id="u3306_img" class="img " src="images/菜本文档/u139.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3307" class="ax_default line">
              <img id="u3307_img" class="img " src="images/菜本文档/u139.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3308" class="ax_default label">
              <div id="u3308_div" class=""></div>
              <div id="u3308_text" class="text ">
                <p><span>姜</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3309" class="ax_default label">
              <div id="u3309_div" class=""></div>
              <div id="u3309_text" class="text ">
                <p><span>生抽</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3310" class="ax_default label">
              <div id="u3310_div" class=""></div>
              <div id="u3310_text" class="text ">
                <p><span>10片</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3311" class="ax_default label">
              <div id="u3311_div" class=""></div>
              <div id="u3311_text" class="text ">
                <p><span>50ml</span></p>
              </div>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3312" class="ax_default line">
              <img id="u3312_img" class="img " src="images/菜本文档/u139.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3313" class="ax_default line">
              <img id="u3313_img" class="img " src="images/菜本文档/u139.png"/>
            </div>

            <!-- Unnamed (水平线) -->
            <div id="u3314" class="ax_default line">
              <img id="u3314_img" class="img " src="images/菜本文档/u139.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3315" class="ax_default label">
              <div id="u3315_div" class=""></div>
              <div id="u3315_text" class="text ">
                <p><span>料酒</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3316" class="ax_default label">
              <div id="u3316_div" class=""></div>
              <div id="u3316_text" class="text ">
                <p><span>50ml</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3317" class="ax_default label">
              <div id="u3317_div" class=""></div>
              <div id="u3317_text" class="text ">
                <p><span>白米醋</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3318" class="ax_default label">
              <div id="u3318_div" class=""></div>
              <div id="u3318_text" class="text ">
                <p><span>50ml</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3319" class="ax_default label">
              <div id="u3319_div" class=""></div>
              <div id="u3319_text" class="text ">
                <p><span>生菜</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3320" class="ax_default label">
              <div id="u3320_div" class=""></div>
              <div id="u3320_text" class="text ">
                <p><span>2-3片</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3321" class="ax_default label">
              <div id="u3321_div" class=""></div>
              <div id="u3321_text" class="text ">
                <p><span>步骤一</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3322" class="ax_default image1">
              <img id="u3322_img" class="img " src="images/菜本文档/u162.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3323" class="ax_default label">
              <div id="u3323_div" class=""></div>
              <div id="u3323_text" class="text ">
                <p><span>所有材料洗净待用，排骨买的时候让师傅剁成小指头长短，要挑有肥肉的那种买，全是瘦肉的话，煮出来会口感发硬。</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3324" class="ax_default label">
              <div id="u3324_div" class=""></div>
              <div id="u3324_text" class="text ">
                <p><span>步骤二</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3325" class="ax_default image1">
              <img id="u3325_img" class="img " src="images/菜本文档/u165.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3326" class="ax_default label">
              <div id="u3326_div" class=""></div>
              <div id="u3326_text" class="text ">
                <p><span>锅内烧开水倒入菜谱中三分之一的料酒下去，再把排骨倒进去焯两分钟。</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3327" class="ax_default label">
              <div id="u3327_div" class=""></div>
              <div id="u3327_text" class="text ">
                <p><span>步骤三</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3328" class="ax_default image1">
              <img id="u3328_img" class="img " src="images/菜本文档/u168.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3329" class="ax_default label">
              <div id="u3329_div" class=""></div>
              <div id="u3329_text" class="text ">
                <p><span>活水冲洗两遍</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3330" class="ax_default label">
              <div id="u3330_div" class=""></div>
              <div id="u3330_text" class="text ">
                <p><span>步骤四</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3331" class="ax_default image1">
              <img id="u3331_img" class="img " src="images/菜本文档/u171.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3332" class="ax_default label">
              <div id="u3332_div" class=""></div>
              <div id="u3332_text" class="text ">
                <p><span>锅内放一丁点油，将排骨倒入。</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3333" class="ax_default label">
              <div id="u3333_div" class=""></div>
              <div id="u3333_text" class="text ">
                <p><span>步骤五</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3334" class="ax_default image1">
              <img id="u3334_img" class="img " src="images/菜本文档/u174.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3335" class="ax_default label">
              <div id="u3335_div" class=""></div>
              <div id="u3335_text" class="text ">
                <p><span>中火煎3分钟，另外一面也煎3分钟。</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3336" class="ax_default label">
              <div id="u3336_div" class=""></div>
              <div id="u3336_text" class="text ">
                <p><span>步骤六</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3337" class="ax_default image1">
              <img id="u3337_img" class="img " src="images/菜本文档/u177.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3338" class="ax_default label">
              <div id="u3338_div" class=""></div>
              <div id="u3338_text" class="text ">
                <p><span>沿锅边倒入剩下的料酒。</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3339" class="ax_default label">
              <div id="u3339_div" class=""></div>
              <div id="u3339_text" class="text ">
                <p><span>步骤七</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3340" class="ax_default image1">
              <img id="u3340_img" class="img " src="images/菜本文档/u180.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3341" class="ax_default label">
              <div id="u3341_div" class=""></div>
              <div id="u3341_text" class="text ">
                <p><span>倒入切片的姜、冰糖、一半的白醋，加入冷水，大火煮开。</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3342" class="ax_default label">
              <div id="u3342_div" class=""></div>
              <div id="u3342_text" class="text ">
                <p><span>步骤八</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3343" class="ax_default image1">
              <img id="u3343_img" class="img " src="images/菜本文档/u183.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3344" class="ax_default label">
              <div id="u3344_div" class=""></div>
              <div id="u3344_text" class="text ">
                <p><span>倒入美味鲜，把剩下的白醋再倒进去一半，然后转小火煮一个半小时。</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3345" class="ax_default label">
              <div id="u3345_div" class=""></div>
              <div id="u3345_text" class="text ">
                <p><span>步骤九</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3346" class="ax_default image1">
              <img id="u3346_img" class="img " src="images/菜本文档/u186.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3347" class="ax_default label">
              <div id="u3347_div" class=""></div>
              <div id="u3347_text" class="text ">
                <p><span>生菜洗净过凉白开，摆盘备用。</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3348" class="ax_default label">
              <div id="u3348_div" class=""></div>
              <div id="u3348_text" class="text ">
                <p><span>步骤十</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u3349" class="ax_default image1">
              <img id="u3349_img" class="img " src="images/菜本文档/u189.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3350" class="ax_default label">
              <div id="u3350_div" class=""></div>
              <div id="u3350_text" class="text ">
                <p><span>将排骨放置盘中，美味的糖醋排骨就完成了。</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3351" class="ax_default box_3">
              <div id="u3351_div" class=""></div>
              <div id="u3351_text" class="text ">
                <p><span>你是否也制作成功了呢？</span></p><p><span>点击上传你的作品分享给大家看看吧</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3352" class="ax_default label">
              <div id="u3352_div" class=""></div>
              <div id="u3352_text" class="text ">
                <p><span>说说你做这菜谱的心得吧</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3353" class="ax_default box_1">
              <div id="u3353_div" class=""></div>
              <div id="u3353_text" class="text ">
                <p><span>发布心得</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3354" class="ax_default label">
              <div id="u3354_div" class=""></div>
              <div id="u3354_text" class="text ">
                <p><span>糖醋排骨</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
